<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>JQuery - 4</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
        
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
        
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        
        <script>
        $(function(){
            
            $.datepicker.regional['fr'] = {
                closeText: 'Fermer',
                prevText: '<Pr&eacute;c',
                nextText: 'Suiv>',
                currentText: 'Courant',
                monthNames: ['Janvier','F&eacute;vrier','Mars','Avril','Mai','Juin',
                'Juillet','Ao&ucirc;t','Septembre','Octobre','Novembre','D&eacute;cembre'],
                monthNamesShort: ['Jan','F&eacute;v','Mar','Avr','Mai','Jun',
                'Jul','Ao&ucirc;','Sep','Oct','Nov','D&eacute;c'],
                dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
                dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
                dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
                weekHeader: 'Sm',
                //dateFormat: 'dd/mm/yy',
                dateFormat: 'dd/mm/yy',
                firstDay: 1,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''};
            
            $.datepicker.setDefaults($.datepicker.regional['fr']);
            
            $("#date_jour_1").datepicker();
            $("#date_jour_2").datepicker();
        });
        </script>
    </head>
    <body>
        <form name="form1" action="">
            <div><label for="date_jour_1">Date du jour n°1 : </label><input type="text" name="date_jour_1" id="date_jour_1"></div>
            <div><label for="date_jour_2">Date du jour n°2 : </label><input type="text" name="date_jour_2" id="date_jour_2"></div>
        </form>
    </body>
</html>
